<!DOCTYPE html>
<html lang="en">
<head th:replace="_th-fragment-template :: head-template"><title></title></head>
<body>

<nav th:replace="_th-fragment-template :: nav-menu-template(2)"></nav>

<div class="ui basic segment">
  <div class="ui stackable grid">
    <div class="four wide column"></div>

    <div class="eight wide column">
      <div class="ui teal inverted raised segment">
        <div class="ui center aligned basic segment">
          <h3><i class="ui time outline icon"></i>2022-07-08</h3>
        </div>
        <p>12321321</p>
        <br>
        <p>这是一个日记测试页~</p>

      </div>
      <div class="ui orange inverted raised segment">
        <div class="ui center aligned basic segment">
          <h3><i class="ui time outline icon"></i>2022-07-08</h3>
        </div>
        <p>12321321</p>
        <br>
        <p>这是一个日记测试页~</p>

      </div>
      <div class="ui yellow inverted raised segment">
        <div class="ui center aligned basic segment">
          <h3><i class="ui time outline icon"></i>2022-07-08</h3>
        </div>
        <p>12321321</p>
        <br>
        <p>这是一个日记测试页~</p>

      </div>
      <div class="ui green inverted raised segment">
        <div class="ui center aligned basic segment">
          <h3><i class="ui time outline icon"></i>2022-07-08</h3>
        </div>
        <p>12321321</p>
        <br>
        <p>这是一个日记测试页~</p>

      </div>
      <div class="ui grey inverted raised segment">
        <div class="ui center aligned basic segment">
          <h3><i class="ui time outline icon"></i>2022-07-08</h3>
        </div>
        <p>12321321</p>
        <br>
        <p>这是一个日记测试页~</p>

      </div>

    </div>

    <div class="four wide column"></div>
  </div>
</div>


<script>
  $('.menu.toggle').on('click', function (){
    $('.click-to-show-nav-menu-list').toggleClass('custom-mobile-hide-menu');
  });
</script>

</body>
</html>